<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>E-tools</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="css/rightMenu.css">
    <link rel="stylesheet" type="text/css" href="css/cardMenu.css">
</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">E-tools 工具集合</div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon layui-nav-img" style="font-size: 16px; color: #1E9FFF;">&#xe614;</i>
                        切换语言
                    </a>
                    <dl class="layui-nav-child" id="select_language">
                        <dd><a href="javascript:;" data-language="ru"><img src="assets/img/flags/rus.png"> 俄语</a></dd>
                        <dd><a href="javascript:;" data-language="us"><img src="assets/img/flags/usa.png"> 英语</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect="" id="quickSetting" data-language="cn">
                    <a href="javascript:;">
                        <i class="layui-icon" style="font-size: 16px; color: #1E9FFF;">&#xe674;</i>
                        快速切换设置
                    </a>
                </li>
                <li class="layui-nav-item">
                    <div class="layui-form" lay-filter="component-form-element">
                        <div class="layui-col-md4">
                           <input type="checkbox" id="quick_change" name="quick_change" lay-skin="switch" lay-text="开启|关闭" checked="" lay-filter="quick_change_switch">
                            <div class="layui-unselect layui-form-switch" lay-skin="_switch"><em>开启</em><i></i>
                            </div>
                        </div>
                     </div>
                </li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域 -->
                <ul class="layui-nav layui-nav-tree" lay-filter="menu-tree">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">加密解密</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" title="MD5" data-type="tabAdd" data-href="sections/md5.html" data-id="11">MD5</a></dd>
                            <dd><a href="javascript:;" title="Base64" data-type="tabAdd" data-href="sections/base64.html" data-id="12">Base64</a></dd>
                            <dd><a href="javascript:;" title="Escape" data-type="tabAdd" data-href="sections/escape.html" data-id="13">Escape</a></dd>
                            <dd><a href="javascript:;" title="Sha1" data-type="tabAdd" data-href="sections/sha1.html" data-id="14">Sha1</a></dd>
                        </dl>
                    </li>
                    <!-- <li class="layui-nav-item">
                        <a href="javascript:;">图片处理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" data-type="tabAdd" data-href="sections/pic_base64.html" data-id="20">图转Base64</a></dd>
                            <dd><a href="javascript:;">生成二维码</a></dd>
                        </dl>
                    </li> -->
                    <li class="layui-nav-item  layui-nav-itemed">
                        <a href="javascript:;">代码格式化</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" title="JSON 格式化" data-type="tabAdd" data-href="sections/format_json.html" data-id="30">JSON</a></dd>
                            <dd><a href="javascript:;" title="HTML 格式化" data-type="tabAdd" data-href="sections/format_html.html" data-id="31">HTML</a></dd>
                            <dd><a href="javascript:;" title="SQL 格式化" data-type="tabAdd" data-href="sections/format_sql.html" data-id="32">SQL</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item  layui-nav-itemed">
                        <a href="javascript:;">文档资料</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" title="HTTP 状态码" data-type="tabAdd" data-href="sections/doc_http.html" data-id="40">HTTP状态码</a></dd>
                            <dd><a href="javascript:;" title="颜色选择器" data-type="tabAdd" data-href="sections/pickerColor.html" data-id="41">颜色选择器</a></dd>
                            <dd><a href="javascript:;" title="生成 UUID" data-type="tabAdd" data-href="sections/generate_uuid.html"
                                    data-id="42">生成UUID</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-body" style="bottom: 0;top:40px;">
            <!-- 内容主体区域 -->
            <div style="padding: 15px 15px 0 15px;overflow: hidden;">
                <div class="layui-tab layui-tab-brief" lay-filter="tab_filter" lay-allowclose="true">
                    <ul class="layui-tab-title">
                        <li class="layui-this" id="navigator_tab">功能导航</li>
                    </ul>
                    <div class="layui-body layui-tab-content" style="left: 15px;top:65px;">
                        <div class="layui-tab-item layui-show" style="width: 100%;">
                            <!-- <iframe id="navigator" width="100%" height="100%" frameborder="0" src="sections/navigator.html"></iframe> -->
                            <!-- start -->
                            <div class="layui-fluid">
                                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 5px;">
                                    <legend>加密/解密</legend>
                                </fieldset>
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" data-type="tabAdd" data-href="sections/md5.html"
                                                    data-id="11" class="item-icon" title="MD5">
                                                    <img alt="MD5加密" title="MD5" src="assets/img/unlock-icon-1.png">
                                                </a>
                                                <h3><a href="javascript:" data-type="tabAdd" data-href="sections/md5.html"
                                                        data-id="11" class="item-icon" title="MD5" target="_blank"
                                                        title="MD5">MD5</a></h3>
                                                <div class="item-desc">MD5加密</div>
                                            </div>
                                        </div>
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" data-type="tabAdd" data-href="sections/base64.html"
                                                    data-id="12" class="item-icon" title="Base64">
                                                    <img alt="Base64加密解密" src="assets/img/unlock-icon.png">
                                                </a>
                                                <h3><a href="javascript:" data-type="tabAdd" data-href="sections/base64.html"
                                                        data-id="12" target="_blank" title="Base64">Base64</a></h3>
                                                <div class="item-desc">Base64加密解密</div>
                                            </div>
                                        </div>
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" class="item-icon" title="Escape" data-type="tabAdd"
                                                    data-href="sections/escape.html" data-id="13">
                                                    <img alt="Escape" src="assets/img/unlock-icon.png">
                                                </a>
                                                <h3><a href="javascript:" target="_blank" title="Escape" data-type="tabAdd"
                                                        data-href="sections/escape.html" data-id="13">Escape</a></h3>
                                                <div class="item-desc">Escape加密解密</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-xs3">
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" class="item-icon" title="Sha1" data-type="tabAdd"
                                                    data-href="sections/sha1.html" data-id="14">
                                                    <img alt="sha" src="assets/img/lock-icon.png">
                                                </a>
                                                <h3><a href="javascript:" target="_blank" title="Sha1" data-type="tabAdd"
                                                        data-href="sections/sha1.html" data-id="14">Sha</a></h3>
                                                <div class="item-desc">SHA1、SHA256、SHA512加密</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>格式化、高亮</legend>
                                </fieldset>
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" data-type="tabAdd" data-href="sections/format_json.html"
                                                    data-id="30" class="item-icon" title="JSON 格式化">
                                                    <img alt="format_JSON" src="assets/img/json-file.png">
                                                </a>
                                                <h3><a href="javascript:" data-type="tabAdd" data-href="sections/format_json.html"
                                                        data-id="30" class="item-icon" title="JSON 格式化" target="_blank">JSON
                                                        格式化</a></h3>
                                                <div class="item-desc"> JSON 格式化、颜色高亮、压缩</div>
                                            </div>
                                        </div>
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" data-type="tabAdd" data-href="sections/format_html.html"
                                                    data-id="31" class="item-icon" title="HTML 格式化">
                                                    <img alt="format_HTML" src="assets/img/html.png">
                                                </a>
                                                <h3><a href="javascript:" data-type="tabAdd" data-href="sections/format_html.html"
                                                        data-id="31" target="_blank" title="HTML 格式化">HTML 格式化</a></h3>
                                                <div class="item-desc">HTML 格式化、颜色高亮、压缩</div>
                                            </div>
                                        </div>
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" class="item-icon" title="SQL 格式化" data-type="tabAdd"
                                                    data-href="sections/format_sql.html" data-id="32">
                                                    <img alt="format_SQL" src="assets/img/sql.png">
                                                </a>
                                                <h3><a href="javascript:" target="_blank" title="SQL 格式化" data-type="tabAdd"
                                                        data-href="sections/format_sql.html" data-id="32">SQL 格式化</a></h3>
                                                <div class="item-desc"> SQL 格式化、颜色高亮、压缩</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>文档资料</legend>
                                </fieldset>
                                <div class="layui-row">
                                    <div class="layui-col-xs12">
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" data-type="tabAdd" data-href="sections/doc_http.html"
                                                    data-id="40" class="item-icon" title="HTTP状态码">
                                                    <img alt="doc_http" src="assets/img/404.png">
                                                    <!-- <i class="layui-icon" style="font-size: 35px; color: #1E9FFF;">&#xe705;</i>   -->
                                                </a>
                                                <h3><a href="javascript:" data-type="tabAdd" data-href="sections/doc_http.html"
                                                        data-id="40" class="item-icon" title="HTTP状态码" target="_blank">HTTP状态码</a>
                                                </h3>
                                                <div class="item-desc">常见 HTTP 状态码及解释</div>
                                            </div>
                                        </div>
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" data-type="tabAdd" data-href="sections/pickerColor.html"
                                                    data-id="41" class="item-icon" title="颜色选择器">
                                                    <img alt="pickercolor" src="assets/img/color.png">
                                                </a>
                                                <h3><a href="javascript:" data-type="tabAdd" data-href="sections/pickerColor.html"
                                                        data-id="41" target="_blank" title="颜色选择器">颜色选择器</a></h3>
                                                <div class="item-desc">颜色选择器,包括 RGB、HEX、HSV</div>
                                            </div>
                                        </div>
                                        <div class="tool-item layui-anim layui-anim-scaleSpring">
                                            <div class="tool-item-inner">
                                                <a href="javascript:" data-type="tabAdd" data-href="sections/generate_uuid.html"
                                                    data-id="42" class="item-icon" title="生成UUID">
                                                    <img alt="pickercolor" src="assets/img/uuid.png">
                                                </a>
                                                <h3><a href="javascript:" data-type="tabAdd" data-href="sections/generate_uuid.html"
                                                        data-id="42" target="_blank" title="生成UUID">生成UUID</a></h3>
                                                <div class="item-desc">通用唯一识别码（Universally Unique Identifier）</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <ul class="site-doc-color bottom-desc" id="introduce" style="margin-top: 2%;">
                                <li style="background-color: #009688;">
                                    <a href="javascript:" data-href="https://jienitudousi.github.io/" class="item-icon" title="repo_url">
                                        <img alt="repo_url" src="assets/img/home.png">
                                    </a>
                                    <p tips>Logo图标</p>
                                    <p>
                                        <h3>@杰尼龟</h3>
                                    </p>
                                </li>
                                <li style="background-color: #5FB878;">
                                    <a href="javascript:" data-href="https://github.com/Suremotoo/e-tools" class="item-icon"
                                        title="repo_github">
                                        <img alt="repo_github" src="assets/img/github.png">
                                    </a>
                                    <p tips>Github</p>
                                    <p>
                                        <h3>仓库地址</h3>
                                    </p>
                                </li>
                                <li style="background-color: #393D49;">
                                    <a href="javascript:" data-href="http://jscolor.com/" class="item-icon" title="ref_jscolor">
                                        <img alt="ref_jscolor" src="assets/img/android-chrome-192x192.png">
                                    </a>
                                    <p tips>PickerColor</p>
                                    <p>
                                        <h3>jsColor</h3>
                                    </p>
                                </li>
                                <li style="background-color: #1E9FFF;">
                                    <a href="javascript:" data-href="http://codemirror.net/" class="item-icon" title="ref_codeMirror">
                                        <img alt="ref_codeMirror" src="assets/img/codeMirror-logo.png">
                                    </a>
                                    <p tips>Code Editor</p>
                                    <p>
                                        <h3>CodeMirror</h3>
                                    </p>
                                </li>
                            </ul>
                            <!-- end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-footer">
            <!-- 底部固定区域 -->
           <center>© 2018 <a href="https://github.com/Suremotoo/e-tools">e-tools</a></center>
        </div>
    </div>
    <script src="layui/layui.js"></script>
    <script>
        require('./renderer-process/index.js')
        require('./renderer-process/server.js')
    </script>
</body>
<!--Tab菜单右键弹出菜单-->
<ul class="rightMenu" id="rightMenu">
    <li data-type="fresh"><i class="layui-icon" style="color: #009688;">&#x1002;</i>&nbsp;刷新</li>
    <li data-type="current"><i class="layui-icon" style="color: #FF5722;">&#x1007;</i>&nbsp;关闭当前</li>
    <li data-type="other"><i class="layui-icon" style="color: #FFB800;">&#x1007;</i>&nbsp;关闭其它</li>
    <li data-type="all"><i class="layui-icon" style="color: #FF5722;">&#x1006;</i>&nbsp;关闭所有</li>
</ul>

</html>